<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="icon" href="/images/chiji.ico" type="image/x-icon">
    <link rel="stylesheet" href="/css/index.css">
    <link rel="stylesheet" href="/libs/swiper/swiper.min.css">
</head>

<body>
    <header></header>
    <div class="main">
        <div class="lunbo-banner">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><img src="/images/20190219135203_178213.jpg" alt=""></div>
                    <div class="swiper-slide"><img src="/images/znjn01.jpg" alt=""></div>
                    <div class="swiper-slide"><img src="/images/tjzq01.jpg" alt=""></div>
                </div>
            </div>
        </div>
        <!-- 顶部滚动区  bannerS -->
        <div class="mall-bannbox">

            <div id="blk_index_fix" class="mall-mid">
                <script type="text/html" id="tmpl_index_fix">
                    {{each list item}}
                    <a class="fl mall-banimg" href="/html/shoplist.html#id=2" target="_blank">
                        <img src="{{item.src}}" width="1000" height="570" alt="{{item.sTitle}}">
                    </a>
                    {{/each}}
                </script>
            </div>
            <div class="slidebox">

                <div class="swiper-container">
                    <div class="swiper-wrapper" id="blk_index_focus">

                    </div>
                </div>
                <script type="text/html" id="tmpl_index_focus">

                    {{each list item}}
                    <div class="swiper-slide">
                        <a href="/html/shoplist.html#id=2" id="{{item.id}}" style="{{item.style}}" target="_blank">
                            <img src="{{item.src}}" width="470" height="570" alt="{{item.sTitle}}" />
                        </a>
                    </div>
                    {{/each}}


                </script>
            </div>


        </div>

        <!-- 商品展示 -->
        <div class="shower">
            <div class="top-shower">
                <h4>PAI赛事限定</h4>
                <a href="#">更多</a>
            </div>
            <ul id="goods-list">
                <script type="text/html" id="tmplate-list">
                    {{each list goods}}
                    <li>
                        <a href="{{goods.slink}}">
                            <img src="{{goods.src}}" alt="">
                            <div class="title">
                                <p class="gname">{{goods.gname}}</p>
                                <div class="price">

                                    <p class="lt">￥{{goods.price}}</p>

                                    <p class="rt">￥{{goods.originPrice}}</p>
                                </div>
                            </div>
                        </a>
                    </li>
                    {{/each}}
                </script>
            </ul>
            <a class="avbox" href="#">
                <img src="./images/avbox.jpg" alt="">
            </a>
        </div>

        <!-- 周年纪念礼盒 -->
        <div class="mtbox">
            <div class="hdbox">
                <h4 class="mall-sub">周年纪念礼盒</h4>
                <a href="/html/shoplist.html#id=2" class="mall-more" title="更多" target="_blank">更多</a>
            </div>
            <div class="oribox">
                <a href="/html/shoplist.html#id=2" class="oribox-banimg" target="_blank">
                    <img src="/images/znjn01.jpg" alt="新品图" width="1050" height="485">
                </a>
                <ul class="orilist">
                    <li>
                        <a href="/html/shoplist.html#id=2" class="glink" target="_blank">
                            <img src="/images/znjn02.jpg" alt="商品图" width="240" height="190">
                            <div class="ginfo">周年纪念礼盒</div>
                        </a>
                    </li>
                    <li>
                        <a href="/html/shoplist.html#id=2" class="glink" target="_blank">
                            <img src="/images/znjn03.jpg" alt="商品图" width="240" height="190">
                            <div class="ginfo">周年纪念卫衣礼盒</div>
                        </a>
                    </li>
                    <li>
                        <a href="/html/shoplist.html#id=2" class="glink" target="_blank">
                            <img src="/images/znjn04.jpg" alt="商品图" width="240" height="190">
                            <div class="ginfo">周年纪念鼠标垫礼盒</div>
                        </a>
                    </li>
                    <li>
                        <a href="/html/shoplist.html#id=2" class="glink" target="_blank">
                            <img src="/images/znjn05.jpg" alt="商品图" width="240" height="190">
                            <div class="ginfo">周年典藏礼盒</div>
                        </a>
                    </li>
                </ul>
            </div>

        </div>
        <!-- 推荐专区 -->
        <div class="mtbox">
            <div class="hdbox">
                <h4 class="mall-sub">推荐专区</h4>
                <a href="/html/shoplist.html#id=2" class="mall-more" title="更多" target="_blank">更多</a>
            </div>
            <div class="oribox">
                <a href="/html/shoplist.html#id=2" class="oribox-banimg" target="_blank">
                    <img src="/images/tjzq01.jpg" alt="新品图" width="1050" height="485">
                </a>
                <ul class="orilist">
                    <li>
                        <a href="/html/shoplist.html#id=2" class="glink" target="_blank">
                            <img src="/images/tjzq02.jpg" alt="商品图" width="240" height="190">
                            <div class="ginfo">98k警告T恤</div>
                        </a>
                    </li>
                    <li>
                        <a href="/html/shoplist.html#id=2" class="glink" target="_blank">
                            <img src="/images/tjzq03.jpg" alt="商品图" width="240" height="190">
                            <div class="ginfo">恐龙乐园T恤</div>
                        </a>
                    </li>
                    <li>
                        <a href="/html/shoplist.html#id=2" class="glink" target="_blank">
                            <img src="/images/tjzq04.jpg" alt="商品图" width="240" height="190">
                            <div class="ginfo">拳王爆炸头的小黄衣</div>
                        </a>
                    </li>
                    <li>
                        <a href="/html/shoplist.html#id=2" class="glink" target="_blank">
                            <img src="/images/tjzq05.jpg" alt="商品图" width="240" height="190">
                            <div class="ginfo">周年纪念卫衣礼盒</div>
                        </a>
                    </li>
                </ul>
            </div>

        </div>



    </div>
    <footer></footer>
    <div class="totop" style="color: #ff0000;background: #ccc; width: 100px;text-align: center">返回顶部</div>
    <script src="/libs/require/require.min.js" data-main="/js/index"></script>
</body>

</html>